<?php
include "includes/ui.php";

echo headerHTML("master","School Management");
?> 
 
<!-- Live Stats -->
<div class="row-fluid">

    <!-- Pie: Box -->
    <div class="span12">

        <!--  : Top Bar -->
        <div class="top-bar">
            <h3><i class="icon-cog"></i> รายละเอียดงานสอนพิเศษ</h3>
		 
            <div class='tmp' style='float:right'>
				<a href="#popup" ><button class="btn btn-primary" tooltip="Add">บันทึก</button></a>
               <a href="#popup"  ><button class="btn btn-danger" tooltip="Add">ยกเลิก</button></a>
            </div>
		 
        </div>
        <!-- /  : Top Bar -->



        <!-- Pie: Content -->
        <div class="well no-padding" >
			<div class="span12">
				<div class="row-fluid">
				 <form class="form-horizontal">
					<div class='span12'>
					 <div class="control-group" style='border-bottom:0px;padding-bottom:5px;'>
								<label class="control-label" style='padding-top:5px;' for="inputName"><i class="icon-double-angle-right"></i>ปีการศึกษา</label>
								<div class="controls">
									<select class="no-margin span8" tabindex="2" style="display: none;width:180px !important;">
									<option value="Category 1" selected>2556</option>
									<option value="Category 2" >2557</option>
									</select>
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="help-inline" style="font-weight:bold;">ภาคเรียน</span>
									&nbsp;&nbsp;<input type="text" id="inputName" placeholder="1" class="span1">
								</div>
					 </div>
					 
					 <div class="control-group" style="border-bottom:0px;">
							<label class="control-label" style='padding-top:5px;' for="inputName">
							<i class="icon-double-angle-right"></i>วิชาสอนพิเศษ </label>
							<div class="controls">
								&nbsp;<select class="no-margin span8" tabindex="2" style="display: none;width:180px !important;">
									<option value="Category 1" selected>ภาษาอังกฤษ</option>
									<option value="Category 1" >ดนตรี</option>
									<option value="Category 2" >ศิลปะ</option>
									</select>
							</div>
					 </div>
				
					</div>
					</form>
				</div>
			</div>
            <table class="data-table" >
                <thead style='border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;'> 
                    <tr >
                        <th style='color:#333 !important;width:20px;'>#</th>
						<th style='color:#333 !important;' class='center'>รายการ</th>
                        <th style='color:#333 !important;width:280px;' class='center'>วันที่เรียน</th>
						<th style='color:#333 !important;width:150px;' class='center'>เวลา</th>
						<th style='color:#333 !important;width:120px;' class='center'>เริ่มเรียน</th>
						<th style='color:#333 !important;width:150px;' class='center'>ค่าเรียน</th>
						<th style='color:#333 !important;width:90px;' class='center'>สถานะ</th>
						<th style='color:#333 !important;width:60px;' class='center'>แก้ไข</th>
						<th style='color:#333 !important;width:60px;' class='center'>ลบ</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="odd gradeX">
                        <td>1</td>
						<td  class='left'>คอร์สภาษาอังฤษ โดยครูต่างชาติเจ้าขอภาษา</td>
						<td  class='center'>ระดับ ตอ. - อ. 1 เรียนทุกวัน <br/> ระดับ อ. 2 - อ. 3 เรียนทุกวัน </td>
						<td class='center'>15.00 - 16.00 <br/>14.00 - 15.00</td>
						<td class='center'>17 พ.ค. 2556</td>
						<td class='center'>3,500บ./เดือน<br/>ชำระเงินสดที่ธุรการ</td>
						<td class='center'><span class="label label-success">ใช้งาน</span></td>
						<td class="center"><img src='img/edit-file.png' style='cursor:pointer;'/></td>
                        <td class="center"><img src='img/delete-file.png'/></td>
                    </tr>
                    <tr class="even gradeC">
                         <td>2</td>
						 <td  class='left'>คอร์สดนตรี สำหรับเด็ก</td>
						<td  class='center'>ระดับ ตอ. - อ. 1 เรียนทุกวันอังคาร <br/> ระดับ อ. 2 - อ. 3 เรียนทุกวันจันทร์</td>
						<td class='center'>15.00 - 16.00 <br/>14.00 - 15.00</td>
						<td class='center'>4 มิ.ย. 2556 <br/>3 มิ.ย. 2556</td>
						<td class='center'>500บ./เดือน<br/>ชำระเงินสดที่ธุรการ</td>
						<td class='center'><span class="label label-success">ใช้งาน</span></td>
						<td class="center"><a href="#popup" data-toggle="modal"><img src='img/edit-file.png' style='cursor:pointer;'/></a></td>
                        <td class="center"><img src='img/delete-file.png'/></td>
                    </tr>
					 
                    <tr class="odd gradeX">
                         <td>3</td>
						 <td  class='left'>คอร์สคอมพิวเตอร์ สำหรับเด็ก</td>
						<td  class='center'>เรียนทุกวันพุธ </td>
						<td class='center'>15.00 - 16.00 <br/>14.00 - 15.00</td>
						<td class='center'>5 มิ.ย. 2556</td>
						<td class='center'>550บ./เดือน<br/>ชำระเงินสดที่ธุรการ</td>
						<td class='center'><span class="label label-success">ใช้งาน</span></td>
						<td class="center"><a href="#popup" data-toggle="modal"><img src='img/edit-file.png' style='cursor:pointer;'/></a></td>
                        <td class="center"><img src='img/delete-file.png'/></td>
                    </tr>
                     <tr class="even gradeC">
					    <td>4</td>
                       <td  class='left'>คอร์สเทควันโด </td>
						<td  class='center'>ระดับ ตอ. - อ. 1 เรียนทุกวันศุกร์ <br/> ระดับ อ. 2 - อ. 3 เรียนทุกวันพฤหัสบดี </td>
						<td class='center'>15.00 - 16.00 <br/>14.00 - 15.00</td>
						<td class='center'>6 มิ.ย. 2556 <br/>7 มิ.ย. 2556</td>
						<td class='center'>560บ./เดือน<br/>ชำระเงินสดที่ธุรการ</td>
						<td class='center'><span class="label label-success">ใช้งาน</span></td>
						<td class="center"><a href="#popup" data-toggle="modal"><img src='img/edit-file.png' style='cursor:pointer;'/></a></td>
                        <td class="center"><img src='img/delete-file.png'/></td>
                    </tr>
				 
                    <tr class="odd gradeX">
                        <td>5</td>
						 <td  class='left'>คอร์สภาษาอังฤษ โดยครูต่างชาติเจ้าขอภาษา</td>
						<td  class='center'>ระดับ ตอ. - อ. 1 เรียนทุกวัน <br/> ระดับ อ. 2 - อ. 3 เรียนทุกวัน </td>
						<td class='center'>15.00 - 16.00 <br/>14.00 - 15.00</td>
						<td class='center'>17 พ.ค. 2556</td>
						<td class='center'>3,500บ./เดือน<br/>ชำระเงินสดที่ธุรการ</td>
						<td class='center'><span class="label">ยกเลิก</span></td>
						<td class="center"><a href="#popup" data-toggle="modal"><img src='img/edit-file.png' style='cursor:pointer;'/></a></td>
                        <td class="center"><img src='img/delete-file.png'/></td>
                    </tr>
                </tbody>

            </table>

        </div>
        <!-- / Pie: Content -->

    </div>
    <!-- / Pie -->

</div>
<!-- / Live Stats -->

<?php
echo footerHTML();
?>

<!-- Javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src='js/jquery.hotkeys.js'></script>
<!--script src='js/fullcalendar.min.js'></script-->
<script src="js/jquery-ui-1.10.2.custom.min.js"></script>
<script src="js/jquery.pajinate.js"></script>
<!--script src="js/jquery.prism.min.js"></script-->
<script src="js/jquery.dataTables.min.js"></script>

<script src="js/jquery.flot.resize.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-wysiwyg.js"></script>
<!--script src="js/bootstrap-typeahead.js"></script-->
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.chosen.min.js"></script>
<script src="js/avocado-custom.js"></script>


</html>